<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>乘法口诀表</title>
</head>

<style>
    table{
        border-collapse: collapse;
    }
    td{
        border: 1px solid #000;
        padding:5px 10px;
    }
    div{
        display: inline-block;
        text-align: center;
    }
</style>
<body>




<script>

document.write("<div>");

    document.write("<p>");

        document.write("九九乘法表");

    document.write("</p>");

    document.write("<table>");

        for (var i=1 ; i<=9 ; i++){     //行数循环
            document.write("<tr>");

                for (var a=1 ; a<=i ; a++){  //列数循环
                    document.write("<td>");

                        document.write(a+ "*" +i+ "=" +a*i);

                    document.write("</td>");
                }

            document.write("</tr>");
        }


    document.write("</table>");

document.write("</div>");

</script>


</body>
</html>